<!DOCTYPE html>

<html class="skrollr skrollr-desktop"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <title>上海宙宇网络科技有限公司</title>

    <meta name="description" content="上海宙宇网络科技有限公司—专注于为客户提供引领行业的移动互联网软件定制开发服务">
    <meta name="keywords" content="上海宙宇网络科技有限公司,APP开发,软件开发,HTML5开发,微信开发,高端网站建设,营销推广">
    <link href="css/bootstrap.min.css"  type="text/css" rel="stylesheet">
    <link href="css/style.min.css" type="text/css" rel="stylesheet">
    <link href="css/startcom.css" type="text/css" rel="stylesheet">
    <link href="css/index.min.css" type="text/css" rel="stylesheet">
    <link href="css/mystyle.css" type="text/css" rel="stylesheet">

    <!--手机背景 图片切换 js -->
    <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
    <!-- <script type="text/javascript" src="templets/default/javascript/KunyiHTML5.min.js"></script>
    <script type="text/javascript" src="templets/default/javascript/Kunyilibrary.js"></script> -->
    <!--[if lt IE 9]>
    <script src="templets/default/javascript/KunyiHTML5.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/jquery.touchSlider.js"></script>
    <script src="js/script-about.js" type="text/javascript"></script><!--pc端图片切换js-->
    <script type="text/javascript">
        ; (function ($) {
            $.fn.placeholder = function (options) {
                var opts = $.extend({}, $.fn.placeholder.defaults, options);
                var isIE = document.all ? true : false;
                return this.each(function () {
                    var _this = this,
                        placeholderValue = _this.getAttribute("placeholder"); //缓存默认的placeholder值
                    if (isIE) {
                        _this.setAttribute("value", placeholderValue);
                        _this.onfocus = function () {
                            $.trim(_this.value) == placeholderValue ? _this.value = "" : '';
                        };
                        _this.onblur = function () {
                            $.trim(_this.value) == "" ? _this.value = placeholderValue : '';
                        };
                    }
                });
            };
        })(jQuery);
    </script>


    <script type="text/javascript">
        $(document).ready(function () {
            //tab切换
            $("ul.tabs li").click(function () {
                $("ul.tabs li").removeClass("active"); //Remove any "active" class
                $(this).addClass("active"); //Add "active" class to selected tab
                $(".tab_content").hide(); //Hide all tab content
                var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
                $(activeTab).fadeIn(); //Fade in the active content
                return false;
            });
            //鼠标经改变图片路径
            $('.customer_logo li').mouseenter(function () {
                $(this).children('p').hide();
            });
            $('.customer_logo li').mouseleave(function () {
                $(this).children('p').show();
            });
        })
        //核心成员滚动
        var Speed = 1; //速度(毫秒)
        var Space = 3; //每次移动(px)
        var PageWidth = 370; //翻页宽度
        var fill = 0; //整体移位
        var MoveLock = false;
        var MoveTimeObj;
        var Comp = 0;
        var AutoPlayObj = null;
        GetObj("List2").innerHTML = GetObj("List1").innerHTML;
        GetObj('ISL_Cont').scrollLeft = fill;
        GetObj("ISL_Cont").onmouseover = function () { clearInterval(AutoPlayObj); }
        GetObj("ISL_Cont").onmouseout = function () { AutoPlay(); }
        AutoPlay();
        function GetObj(objName) { if (document.getElementById) { return eval('document.getElementById("' + objName + '")') } else { return eval('document.all.' + objName) } }
        function AutoPlay() { //自动滚动
            clearInterval(AutoPlayObj);
            AutoPlayObj = setInterval('ISL_GoDown();ISL_StopDown();', 3000); //间隔时间
        }
        function ISL_GoUp() { //上翻开始
            if (MoveLock) return;
            clearInterval(AutoPlayObj);
            MoveLock = true;
            MoveTimeObj = setInterval('ISL_ScrUp();', Speed);
        }
        function ISL_StopUp() { //上翻停止
            clearInterval(MoveTimeObj);
            if (GetObj('ISL_Cont').scrollLeft % PageWidth - fill != 0) {
                Comp = fill - (GetObj('ISL_Cont').scrollLeft % PageWidth);
                CompScr();
            } else {
                MoveLock = false;
            }
            AutoPlay();
        }
        function ISL_ScrUp() { //上翻动作
            if (GetObj('ISL_Cont').scrollLeft <= 0) { GetObj('ISL_Cont').scrollLeft = GetObj('ISL_Cont').scrollLeft + GetObj('List1').offsetWidth }
            GetObj('ISL_Cont').scrollLeft -= Space;
        }
        function ISL_GoDown() { //下翻
            clearInterval(MoveTimeObj);
            if (MoveLock) return;
            clearInterval(AutoPlayObj);
            MoveLock = true;
            ISL_ScrDown();
            MoveTimeObj = setInterval('ISL_ScrDown()', Speed);
        }
        function ISL_StopDown() { //下翻停止
            clearInterval(MoveTimeObj);
            if (GetObj('ISL_Cont').scrollLeft % PageWidth - fill != 0) {
                Comp = PageWidth - GetObj('ISL_Cont').scrollLeft % PageWidth + fill;
                CompScr();
            } else {
                MoveLock = false;
            }
            AutoPlay();
        }
        function ISL_ScrDown() { //下翻动作
            if (GetObj('ISL_Cont').scrollLeft >= GetObj('List1').scrollWidth) { GetObj('ISL_Cont').scrollLeft = GetObj('ISL_Cont').scrollLeft - GetObj('List1').scrollWidth; }
            GetObj('ISL_Cont').scrollLeft += Space;
        }
        function CompScr() {
            var num;
            if (Comp == 0) { MoveLock = false; return; }
            if (Comp < 0) { //上翻
                if (Comp < -Space) {
                    Comp += Space;
                    num = Space;
                } else {
                    num = -Comp;
                    Comp = 0;
                }
                GetObj('ISL_Cont').scrollLeft -= num;
                setTimeout('CompScr()', Speed);
            } else { //下翻
                if (Comp > Space) {
                    Comp -= Space;
                    num = Space;
                } else {
                    num = Comp;
                    Comp = 0;
                }
                GetObj('ISL_Cont').scrollLeft += num;
                setTimeout('CompScr()', Speed);
            }
        }
    </script>
    <style type="text/css">
        /*banner css start*/
        .banner {
            height: 713px;
        }

        #banner .banner-item .banner-text > div:first-child {
            font-size: 48px;
        }

        #banner .banner-item em {
            font-size: 66px;
        }

        #banner .banner-item .banner-text > div:last-child {
            font-size: 20px;
        }

        #banner .banner-item:nth-child(1) .banner-img {
            background-image: url(images/banner1.jpg);
        }

        #banner .banner-item:nth-child(2) .banner-img {
            background-image: url(images/banner2.jpg);
        }

        #banner .banner-item:nth-child(3) .banner-img {
            background-image: url(images/banner3.jpg);
        }
 #banner .banner-item:nth-child(4) .banner-img {
            background-image: url(images/banner4.jpg);
        }

        @media (-webkit-min-device-pixel-ratio:2) {
            #banner .banner-item:nth-child(1) .banner-img {
                background-image: url(images/banner1.jpg) !important;
            }

            #banner .banner-item:nth-child(2) .banner-img {
                background-image: url(images/banner2.jpg) !important;
            }

            #banner .banner-item:nth-child(3) .banner-img {
                background-image: url(images/banner3.jpg) !important;
            }

           #banner .banner-item:nth-child(4) .banner-img {
                background-image: url(images/banner4.jpg) !important;
            }

        }

        @media (max-width: 767px) {
            #banner .banner-item .banner-text > div > div[data-role='entext'] {
                padding: 0 !important;
            }

            #banner .banner-item .banner-text > div:first-child {
                font-size: 24px;
            }

            #banner .banner-item em {
                font-size: 20px;
            }

            #banner .banner-item .banner-text > div:last-child {
                font-size: 10px;
            }

            #banner .banner-item:nth-child(1) .banner-img {
                background-image: url(images/banner1.jpg) !important;
            }

            #banner .banner-item:nth-child(2) .banner-img {
                background-image: url(images/banner2.jpg) !important;
            }

            #banner .banner-item:nth-child(3) .banner-img {
                background-image: url(images/banner3.jpg) !important;
            }
  #banner .banner-item:nth-child(4) .banner-img {
                background-image: url(images/banner4.jpg) !important;
            }
        }
        /*banner css end*/

        @media only screen and (max-width: 767px) {
            .col-small-12 {
                width: 100%;
            }

            .team-person {
                position: relative;
                margin: 10px 0;
            }

            .itme-con {
                padding: 15px 0;
            }

            .leader-line {
                margin: 13px auto 10px;
            }
        }

        .banner .banner-item .banner-text > div {
            margin-top: 18%\9; /*兼容IE6 IE7 IE8*/
        }

        .slideup_info_bg > div {
            margin-top: 32%\9; /*兼容IE6 IE7 IE8*/
        }
    </style>
  <!--  <script src="js/layer.js" type="text/javascript"></script>-->
    <link rel="stylesheet" href="css/layer.css" id="layui_layer_skinlayercss">
    <script type="text/javascript">
             <!--表单验证 -->
    function ischeck() {
        var reg = /^0?(13|14|15|17|18)[0-9]{9}$/;
        var name = $("#name").val();
        var tel = $("#mobile").val();
        var desc = $("#content").val();

        if (name.length == 0) {
            $("#name").focus();
            layer.msg('请输入姓名');
            return false;

        }
        else if (tel.length ==0) {
            $("#tel").focus();
            layer.msg("请输入手机号");
            return false;
        }
        else if (!reg.test(tel) || tel.length > 11) {
            $("#tel").focus();
            layer.msg("手机号格式错误");
            return false;
        }

        else if (desc.length ==0) {
            $("#desc").focus();
            layer.msg("请输入项目描述");
            return false;
        }

        else {
            return true;
        }
    }


    function GoInput() {

        if (ischeck()) {
            var name = $("#name").val();
            var tel = $("#mobile").val();
            var desc = $("#content").val();
            $.ajax({
                url: "tools/submit.ashx",
                type: "Post",
                data: { name: escape(name),tel: escape(tel), desc: escape(desc) },
                success: function (msg) {
                    if (msg == "success") {
                        layer.msg("提交成功", { time: 2000 }, function () {
                            window.location.reload();
                        });
                    } else {
                        alert(msg);
                    }
                }
            })
        }
    }
    </script>
</head>
<body style="background:#fff;">
    <nav class="navbar navbar-default navbar-fixed-top u-navbar">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar icon-bar1"></span> <span class="icon-bar"></span> <span class="icon-bar icon-bar2"></span> </button>
            <a class="navbar-brand" href="#">
                <figure class="ac-logo-icon pc-none"></figure>
                <div class="logo-pc-div app-none">
                    <figure class="ac-familybrowser-icon"></figure>
                  
                </div>

            </a>
            <form class="navbar-right pc-none">
                <a class="top-tel-phone" href="tel:021-56999995"></a>
            </form>
        </div>
        <div class="navbar-collapse collapse navbar-right" style="height: auto;">
            <!-- Main navigation -->
            <ul class="nav navbar-nav">
               <li><a href="index.html">首页</a></li>
                <li><a href="service.html">服务</a></li>
                <li><a href="case.html">案例</a></li>
                <li><a href="partner.html">伙伴</a></li>
                <li><a href="about.html">关于</a></li>
                <li><a href="contact.html">联系</a></li>
            </ul>
            <div class="navbar-right app-none" style=" margin-top: -14px;">
                <a style="font-size: 13px; text-decoration: none" class="top-tel-pc" href="tel:021-56999995"><span style="color:rgba(0,0,0,.5)"> 售前咨询： </span>021-56999995 (7×24h)</a>
                <a style="font-size: 13px; text-decoration: none; margin-top: 0px;" class="top-tel-pc-shouhou"><span style="color: rgba(0,0,0,.5)"> 全国售后：</span>&nbsp;400-6868-300 (7×24h)</a>
            </div>
        </div>
    </nav>
    <!--banner start-->
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="css/banner.min.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <div id="banner" class="banner">
        <div class="banner-item animated banner-item-remove undefined" data-role="out">
            <div class="banner-img"></div>
        </div>
        <div class="banner-item animated banner-item-cur undefined" data-role="in">
            <div class="banner-img"></div>
        </div>
        <div class="banner-item animated undefined">
            <div class="banner-img"></div>
        </div>
<div class="banner-item animated undefined">
            <div class="banner-img"></div>
        </div>
        <div class="banner-tool"> <div data-num="0" class="tool-item"></div><div data-num="1" class="tool-item tool-item-cur"></div><div data-num="2" class="tool-item"></div><div data-num="3" class="tool-item"></div></div>
        <div class="banner-prev" style="background-image: url(&quot;undefined&quot;);"> </div>
        <div class="banner-next" style="background-image: url(&quot;undefined&quot;);"> </div>
    </div>
    <script type="text/javascript" src="js/banner.js"></script>
    <script type="text/javascript">
        $("#banner").THBanner();
    </script>
    <!--banner end-->
    <!--关于我们-->
    <div class="container linian-con">
        <div class="title-comm">
            <h3 class="welinain">ABOUT US-关于我们</h3>
            <p class="line"></p>
            <h2 class="linh45 ab"><span class="f40">历经十三年，</span>我们成为移动互联网开发领域先行者</h2>
            <p class="linh30 abc">上海宙宇网络科技有限公司以高度的战略格局和敏锐的商业嗅觉，专注于为客户提供引领行业的移动互联网软件定制开发服务，</p>
            <p class="linh30 abc">涵盖APP开发,软件开发,HTML5开发,微信开发,高端网站建设,营销推广等专业服务。</p>
        </div>
        <div class="row linian-div-01">
            <div class="col-lg-3 col-md-3 small-6">
                <div class="col-div">
                    <figure class="about-logo-icon"><img src="images/about_01.png" onmouseleave="this.src=&#39;images/about_01.png&#39;" onmouseenter="this.src=&#39;images/about_01_bg.png&#39;"></figure>
                    <h4>超过13年开发经验</h4>
                </div>
            </div>
            <!-- /.col-lg-3 -->

            <div class="col-lg-3 col-md-3 small-6">
                <div class="col-div">
                    <figure class="about-logo-icon"><img src="images/about_04.png" onmouseleave="this.src=&#39;images/about_04.png&#39;" onmouseenter="this.src=&#39;images/about_04_bg.png&#39;"></figure>
                    <h4>超过220人开发团队</h4>
                </div>
            </div>
            <!-- /.col-lg-3 -->

            <div class="col-lg-3 col-md-3 small-6">
                <div class="col-div">
                    <figure class="about-logo-icon"><img src="images/about_02.png" onmouseleave="this.src=&#39;images/about_02.png&#39;" onmouseenter="this.src=&#39;images/about_02_bg.png&#39;"></figure>
                    <h4>超过850家服务客户</h4>
                </div>
            </div>
            <!-- /.col-lg-3 -->

            <div class="col-lg-3 col-md-3 small-6">
                <div class="col-div">
                    <figure class="about-logo-icon"><img src="images/about_03.png" onmouseleave="this.src=&#39;images/about_03.png&#39;" onmouseenter="this.src=&#39;images/about_03_bg.png&#39;"></figure>
                    <h4>超过1500个上线产品</h4>
                </div>
            </div>
            <!-- /.col-lg-3 -->

        </div>
        <p class="more"><a href="#">了解更多+</a></p>
    </div>
    <!--我们的服务-->
    <div class="services">
        <div class="title-comm-01">
            <h3 class="welinain f00">OUR SERVICES-我们的服务</h3>
            <p class="line"></p>
        </div>
        <div class="container">
            <div class="row linian-div service-ul">
                <div class="col-lg-3 col-md-3 small-6 service-li">
                    <div class="col-div-01">
                        <figure class="about-logo-icon"><img src="images/service_08.png"></figure>
                        <h4 class="f00">APP开发</h4>
                    </div>
                </div>
                <!-- /.col-lg-3 -->

                <div class="col-lg-3 col-md-3 small-6 service-li">
                    <div class="col-div-01">
                        <figure class="about-logo-icon"><img src="images/service_01.png"></figure>
                        <h4 class="f00">软件开发</h4>
                    </div>
                </div>
                <!-- /.col-lg-3 -->

                <div class="col-lg-3 col-md-3 small-6 service-li">
                    <div class="col-div-01">
                        <figure class="about-logo-icon"><img src="images/service_02.png"></figure>
                        <h4 class="f00">微信开发</h4>
                    </div>
                </div>
                <!-- /.col-lg-3 -->

                <div class="col-lg-3 col-md-3 small-6 service-li">
                    <div class="col-div-01">
                        <figure class="about-logo-icon"><img src="images/service_03.png"></figure>
                        <h4 class="f00">H5开发</h4>
                    </div>
                </div>
                <!-- /.col-lg-3 -->

                <div class="col-lg-3 col-md-3 small-6 service-li">
                    <div class="col-div-01">
                        <figure class="about-logo-icon"><img src="images/service_04.png"></figure>
                        <h4 class="f00">高端网站建设</h4>
                    </div>
                </div>
                <!-- /.col-lg-3 -->

                <div class="col-lg-3 col-md-3 small-6 service-li">
                    <div class="col-div-01">
                        <figure class="about-logo-icon"><img src="images/service_05.png"></figure>
                        <h4 class="f00">数据分析</h4>
                    </div>
                </div>
                <!-- /.col-lg-3 -->

                <div class="col-lg-3 col-md-3 small-6 service-li">
                    <div class="col-div-01">
                        <figure class="about-logo-icon"><img src="images/service_06.png"></figure>
                        <h4 class="f00">营销推广</h4>
                    </div>
                </div>
                <!-- /.col-lg-3 -->

                <div class="col-lg-3 col-md-3 small-6 service-li">
                    <div class="col-div-01">
                        <figure class="about-logo-icon"><img src="images/service_07.png"></figure>
                        <h4 class="f00">风投对接</h4>
                    </div>
                </div>
                <!-- /.col-lg-3 -->

            </div>
            <p class="more-01"><a href="#">了解更多+</a></p>
        </div>
    </div>
    <!--成功案例-->
    <div class="case">
        <div class="title-comm">
            <h3 class="welinain">CASE WORKS-成功案例</h3>
            <p class="line"></p>
        </div>
        <div id="JKDiv_0">
            <section class="CasesList" style="opacity: 1; margin:0; padding:0; padding-top:10px;">
                <ul style="overflow: hidden;" class="isotope linian-div">
                    <li class="isotope-item col-lg-3 col-md-3 small-6" style="margin:0; padding:0;">
                        <div class="CaseImg">
                            <img src="images/anli_04.jpg">
                            <div class="overlayout animated"></div>
                            <div class="imageText">
                                <div class="text" style="top: 0px; opacity: 1;">
                                    <b>中信银行</b>
                                    <p>微信设计开发</p>
                                </div>
                                <a href="#" target="_blank" style="opacity: 1;"> <em>view more<em> </em></em></a>
                            </div>
                        </div>
                    </li>
                    <li class="isotope-item col-lg-3 col-md-3 small-6" style="margin:0; padding:0;">
                        <div class="CaseImg">
                            <img src="images/newanli-01.jpg">
                            <div class="overlayout animated"></div>
                            <div class="imageText">
                                <div class="text" style="top: 0px; opacity: 1;">
                                    <b>买楼宝</b>
                                    <p>app设计开发</p>
                                </div>
                                <a href="#" target="_blank" style="opacity: 1;"> <em>view more<em> </em></em></a>
                            </div>
                        </div>
                    </li>
                    <li class="isotope-item col-lg-3 col-md-3 small-6" style="margin:0; padding:0;">
                        <div class="CaseImg">
                            <img src="images/newanli-02.png">
                            <div class="overlayout animated"></div>
                            <div class="imageText">
                                <div class="text" style="top: 0px; opacity: 1;">
                                    <b>随叫随到</b>
                                    <p>app设计开发</p>
                                </div>
                                <a href="#" target="_blank" style="opacity: 1;"> <em>view more<em> </em></em></a>
                            </div>
                        </div>
                    </li>
                    <li class="isotope-item col-lg-3 col-md-3 small-6" style="margin:0; padding:0;">
                        <div class="CaseImg">
                            <img src="images/newanli-13.jpg">
                            <div class="overlayout animated"></div>
                            <div class="imageText">
                                <div class="text" style="top: 0px; opacity: 1;">
                                    <b>思卓私房课</b>
                                    <p>app设计开发</p>
                                </div>
                                <a href="#" target="_blank" style="opacity: 1;"> <em>view more<em> </em></em></a>
                            </div>
                        </div>
                    </li>
                    <li class="isotope-item col-lg-3 col-md-3 small-6" style="margin:0; padding:0;">
                        <div class="CaseImg">
                            <img src="images/newanli-05.jpg">
                            <div class="overlayout animated"></div>
                            <div class="imageText">
                                <div class="text" style="top: 0px; opacity: 1;">
                                    <b>云飞科技</b>
                                    <p>网站设计开发</p>
                                </div>
                                <a href="#" target="_blank" style="opacity: 1;"> <em>view more<em> </em></em></a>
                            </div>
                        </div>
                    </li>
                    <li class="isotope-item col-lg-3 col-md-3 small-6" style="margin:0; padding:0;">
                        <div class="CaseImg">
                            <img src="images/newanli-06.png">
                            <div class="overlayout animated"></div>
                            <div class="imageText">
                                <div class="text" style="top: 0px; opacity: 1;">
                                    <b>好家教</b>
                                    <p>app设计开发</p>
                                </div>
                                <a href="#" target="_blank" style="opacity: 1;"> <em>view more<em> </em></em></a>
                            </div>
                        </div>
                    </li>
                    <li class="isotope-item col-lg-3 col-md-3 small-6" style="margin:0; padding:0;">
                        <div class="CaseImg">
                            <img src="images/newanli-07.png">
                            <div class="overlayout animated"></div>
                            <div class="imageText">
                                <div class="text" style="top: 0px; opacity: 1;">
                                    <b>工具猫</b>
                                    <p>app设计开发</p>
                                </div>
                                <a href="#" target="_blank" style="opacity: 1;"> <em>view more<em> </em></em></a>
                            </div>
                        </div>
                    </li>
                    <li class="isotope-item col-lg-3 col-md-3 small-6" style="margin:0; padding:0;">
                        <div class="CaseImg">
                            <img src="images/newanli-08.jpg">
                            <div class="overlayout animated"></div>
                            <div class="imageText">
                                <div class="text" style="top: 0px; opacity: 1;">
                                    <b>爱点APP</b>
                                    <p>app设计开发</p>
                                </div>
                                <a href="#" target="_blank" style="opacity: 1;"> <em>view more<em> </em></em></a>
                            </div>
                        </div>
                    </li>
                    <li class="isotope-item col-lg-3 col-md-3 small-6" style="margin:0; padding:0;">
                        <div class="CaseImg">
                            <img src="images/newanli-09.jpg">
                            <div class="overlayout animated"></div>
                            <div class="imageText">
                                <div class="text" style="top: 0px; opacity: 1;">
                                    <b>胎联盟</b>
                                    <p>app设计开发</p>
                                </div>
                                <a href="#" target="_blank" style="opacity: 1;"> <em>view more<em> </em></em></a>
                            </div>
                        </div>
                    </li>
                    <li class="isotope-item col-lg-3 col-md-3 small-6" style="margin:0; padding:0;">
                        <div class="CaseImg">
                            <img src="images/newanli-10.jpg">
                            <div class="overlayout animated"></div>
                            <div class="imageText">
                                <div class="text" style="top: 0px; opacity: 1;">
                                    <b>康尔电子烟</b>
                                    <p>APP设计开发</p>
                                </div>
                                <a href="#" target="_blank" style="opacity: 1;"> <em>view more<em> </em></em></a>
                            </div>
                        </div>
                    </li>
                    <li class="isotope-item col-lg-3 col-md-3 small-6" style="margin:0; padding:0;">
                        <div class="CaseImg">
                            <img src="images/newanli-11.jpg">
                            <div class="overlayout animated"></div>
                            <div class="imageText">
                                <div class="text" style="top: 0px; opacity: 1;">
                                    <b>脏了么</b>
                                    <p>APP设计开发</p>
                                </div>
                                <a href="#" target="_blank" style="opacity: 1;"> <em>view more<em> </em></em></a>
                            </div>
                        </div>
                    </li>

                    <li class="isotope-item col-lg-3 col-md-3 small-6" style="margin:0; padding:0;">
                        <div class="CaseImg">
                            <img src="images/newanli-12.png">
                            <div class="overlayout animated"></div>
                            <div class="imageText">
                                <div class="text" style="top: 0px; opacity: 1;">
                                    <b>唐宋元明</b>
                                    <p>APP设计开发</p>
                                </div>
                                <a href="#" target="_blank" style="opacity: 1;"> <em>view more<em> </em></em></a>
                            </div>
                        </div>
                    </li>

                     <li class="isotope-item col-lg-3 col-md-3 small-6" style="margin:0; padding:0;">
                        <div class="CaseImg">
                            <img src="images/newanli-04.jpg">
                            <div class="overlayout animated"></div>
                            <div class="imageText">
                                <div class="text" style="top: 0px; opacity: 1;">
                                    <b>音乐无界</b>
                                    <p>APP设计开发</p>
                                </div>
                                <a href="#" target="_blank" style="opacity: 1;"> <em>view more<em> </em></em></a>
                            </div>
                        </div>
                    </li>

                     <li class="isotope-item col-lg-3 col-md-3 small-6" style="margin:0; padding:0;">
                        <div class="CaseImg">
                            <img src="images/newanli-14.jpg">
                            <div class="overlayout animated"></div>
                            <div class="imageText">
                                <div class="text" style="top: 0px; opacity: 1;">
                                    <b>连众招商</b>
                                    <p>APP设计开发</p>
                                </div>
                                <a href="#" target="_blank" style="opacity: 1;"> <em>view more<em> </em></em></a>
                            </div>
                        </div>
                    </li>


                      <li class="isotope-item col-lg-3 col-md-3 small-6" style="margin:0; padding:0;">
                        <div class="CaseImg">
                            <img src="images/newanli-15.jpg">
                            <div class="overlayout animated"></div>
                            <div class="imageText">
                                <div class="text" style="top: 0px; opacity: 1;">
                                    <b>两岸易购</b>
                                    <p>APP设计开发</p>
                                </div>
                                <a href="#" target="_blank" style="opacity: 1;"> <em>view more<em> </em></em></a>
                            </div>
                        </div>
                    </li>


                     <li class="isotope-item col-lg-3 col-md-3 small-6" style="margin:0; padding:0;">
                        <div class="CaseImg">
                            <img src="images/newanli-16.jpg">
                            <div class="overlayout animated"></div>
                            <div class="imageText">
                                <div class="text" style="top: 0px; opacity: 1;">
                                    <b>新兼职</b>
                                    <p>APP设计开发</p>
                                </div>
                                <a href="#" target="_blank" style="opacity: 1;"> <em>view more<em> </em></em></a>
                            </div>
                        </div>
                    </li>


                    <li class="isotope-item col-lg-3 col-md-3 small-6" style="margin:0; padding:0;">
                        <div class="CaseImg">
                            <img src="images/newanli-17.jpg">
                            <div class="overlayout animated"></div>
                            <div class="imageText">
                                <div class="text" style="top: 0px; opacity: 1;">
                                    <b>保驾护航</b>
                                    <p>APP设计开发</p>
                                </div>
                                   <a href="#" target="_blank" style="opacity: 1;"> <em>view more<em> </em></em></a>
                            </div>
                        </div>
                    </li>


                    <li class="isotope-item col-lg-3 col-md-3 small-6" style="margin:0; padding:0;">
                        <div class="CaseImg">
                            <img src="images/newanli-18.jpg">
                            <div class="overlayout animated"></div>
                            <div class="imageText">
                                <div class="text" style="top: 0px; opacity: 1;">
                                    <b>城来成网</b>
                                    <p>APP设计开发</p>
                                </div>
                                   <a href="#" target="_blank" style="opacity: 1;"> <em>view more<em> </em></em></a>
                            </div>
                        </div>
                    </li>


                    <li class="isotope-item col-lg-3 col-md-3 small-6" style="margin:0; padding:0;">
                        <div class="CaseImg">
                            <img src="images/newanli-19.jpg">
                            <div class="overlayout animated"></div>
                            <div class="imageText">
                                <div class="text" style="top: 0px; opacity: 1;">
                                    <b>易快融</b>
                                    <p>APP设计开发</p>
                                </div>
                                   <a href="#" target="_blank" style="opacity: 1;"> <em>view more<em> </em></em></a>
                            </div>
                        </div>
                    </li>



                    <li class="isotope-item col-lg-3 col-md-3 small-6" style="margin:0; padding:0;">
                        <div class="CaseImg">
                            <img src="images/newanli-20.jpg">
                            <div class="overlayout animated"></div>
                            <div class="imageText">
                                <div class="text" style="top: 0px; opacity: 1;">
                                    <b>装修管家</b>
                                    <p>APP设计开发</p>
                                </div>
                                  <a href="#" target="_blank" style="opacity: 1;"> <em>view more<em> </em></em></a>
                            </div>
                        </div>
                    </li>






                </ul>
            </section>
        </div>
        <p class="more"><a href="#">查看更多案例</a></p>
    </div>
    <!--成功案例结束-->

    <div class="index-line"></div>

    <!--分支机构-->
    <div class="container">
        <div class="title-comm">
            <h3 class="welinain">BRANCH-分支机构</h3>
            <p class="line"></p>
        </div>
        <div class="row branch">
            <div class="col-lg-6 col-md-6 small-12">
                <div class="branch-tit">
                    <h1>布局全国 力拓未来</h1>
                    <h2>我们一直在努力，从未停歇</h2>
                </div>
                  <div class="home-add">
                    <h4>宙宇网络 · 上海</h4>
                    <p>\ 021-56999995 \ 上海市黄浦区中山东二路88号外滩SoHoF栋2层</p>
                </div>
                <div class="home-add">
                    <h4>宙宇网络 · 深圳</h4>
                    <p>\ 400-6868-101 \ 深圳市龙岗区龙岗大道8288号大运软件小镇</p>
                </div>
                
                <div class="home-add">
                    <h4>宙宇网络 · 北京</h4>
                    <p>\ 010-63835880 \ 北京市东城区东四十条甲22号南新仓商务大厦A座八层</p>
                </div>
                <div class="home-add">
                    <h4>宙宇网络 · 杭州</h4>
                    <p>\ 15850163400 \ 杭州市上城区白云路59号</p>
                </div>
                <div class="home-add">
                    <h4>宙宇网络 · 苏州</h4>
                    <p>\ 18852989555 \ 苏州工业园区华池街88号晋合广场2号楼11层</p>
                </div>
                <div class="home-add">
                    <h4>宙宇网络 · 郑州</h4>
                    <p>\ 4006-5858-11 \ 郑州市金水区花园路39号招银大厦2105室</p>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 small-12"> <img src="images/map.jpg"> </div>
        </div>
    </div>
    <!--项目管理-->
    <div class="app-project-management pc-none"><img src="images/project_bg.jpg"></div>
    <div class="pc-project-management app-none"></div>
    <!--精英团队-->
    <div class="container">
        <div class="title-comm">
            <h3 class="welinain">ELITE TEAM-精英团队</h3>
            <p class="line"></p>
        </div>
    </div>
    <!--team-->
    <div class="team" id="team">
        <ul class="tabs app-none">
            <li class="active"><a href="#">专家团队</a></li>
            <li><a href="#">上海总部实景</a></li>
            <li><a href="#">深圳子公司实景</a></li>
            <li><a href="#">北京子公司实景</a></li>
            <li><a href="#">杭州子公司实景</a></li>
            <li><a href="#">苏州子公司实景</a></li>
            <li><a href="#">郑州子公司实景</a></li>
        </ul>
        <ul class="tabs pc-none">
            <li class="active"><a href="#">团队</a></li>
            <li><a href="#">深圳</a></li>
            <li><a href="#">上海</a></li>
            <li><a href="#">北京</a></li>
            <li><a href="#">杭州</a></li>
            <li><a href="#">苏州</a></li>
            <li><a href="#">郑州</a></li>
        </ul>
        <div class="tab_container">
            <div id="tab1" class="tab_content  app-none">
                <p>
                    我们是一支专业的团队。成员均拥有多年的软件开发技术背景，多名来自国内一流公司的技术骨干。<br>
                    我们是一支专注的团队。我们坚信，我们的成绩源自客户的信任。只有专注，才能做到极致。<br>
                    我们有一个共同的梦想：做一家真正优秀的互联网软件开发企业，为客户提供最可靠的软件开发服务。
                </p>
                <!--图片轮播代码-->
                <div class="rollBox">
                    <div class="LeftBotton" onmousedown="ISL_GoUp()" onmouseup="ISL_StopUp()" onmouseout="ISL_StopUp()"></div>
                    <div class="Cont" id="ISL_Cont">
                        <div class="ScrCont">
                            <div id="List1">
                                <!-- 图片列表 begin -->
                                <div class="pic">
                                    <div class="port-1 effect-2">
                                        <div class="image-box"> <img src="images/001.jpg"> </div>
                                        <div class="text-desc">
                                            <div class="jj">
                                                <h3>李民杰</h3>
                                                <p><span>职位：美达集团CEO</span> <span>工作年限：15年</span></p>
                                                <p><b>教育经历：</b>1999-2003年毕业于广州中山大学经济学专业、学士</p>
                                                <p>
                                                    <b>就职经历：</b>2003-2007年历任广东直通电讯有限公司主管、经理、114号码百事通项目总监等职务。<br>
                                                    2007年至今发起创办宙宇网络，精通大数据营销、项目包装运营、项目融资等。
                                                </p>
                                                <p><b>擅长领域：</b>精通大数据营销、项目包装运营、项目融资等。</p>
                                                <p><b>代表作：</b>中原大佛基金会、保驾护航全国汽车后市场、天河医药等</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pic">
                                    <div class="port-1 effect-2">
                                        <div class="image-box"> <img src="images/002.jpg"> </div>
                                        <div class="text-desc">
                                            <div class="jj">
                                                <h3>李宇慧</h3>
                                                <p><span>职位：技术CTO</span> <span>工作年限：13年</span></p>
                                                <p><b>教育经历：</b>2004-2007年就读于西北工业大学计算机学院硕士研究生</p>
                                                <p><b>就职经历：</b>2004年-2005年 北京方成数码技术有限公司 软件开发工程师/2005年-2007年 广东直通电讯有限公司 软件开发部经理/2007年至今 宙宇网络 技术CTO</p>
                                                <p><b>擅长领域：</b>主要擅长大型软件及APP项目管理与流程策划；擅长大型软件数据库架构设计和数据分析。</p>
                                                <p><b>代表作：</b>中国工商银行运销车网点交接管理系统软件 地下金库管理系统软件、枪支管理系统软件的开发；</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pic">
                                    <div class="port-1 effect-2">
                                        <div class="image-box"> <img src="images/003.jpg"> </div>
                                        <div class="text-desc">
                                            <div class="jj">
                                                <h3>何恭贺</h3>
                                                <p><span>职位：研发总监</span> <span>工作年限：10年</span></p>
                                                <p><b>教育经历：</b>2004-2007年就读于华南理工计算机应用专业硕士研究生，研究方向：网络计算</p>
                                                <p>
                                                    <b>就职经历：</b>志鸿软件（深圳）有限公司项目经理<br>
                                                    任职于宙宇网络软件开发项目经理
                                                </p>
                                                <p><b>擅长领域：</b>J2EE程序架构设计、Android程序架构设计、微信公众号设计与开发、PHP程序架构设计与开发、APP接口设计与开发。</p>
                                                <p><b>代表作：</b>中银（香港）个人授信系统、志鸿小额贷款系统、深圳市国土资源规划管理局地名管理系统、微导航等</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pic">
                                    <div class="port-1 effect-2">
                                        <div class="image-box"> <img src="images/008.jpg"> </div>
                                        <div class="text-desc">
                                            <div class="jj">
                                                <h3>段超</h3>
                                                <p><span>职位：人力资源总监</span> <span>工作年限：19年</span></p>
                                                <p><b>教育经历：</b>1998—2000年中国人民大学深圳教学中心 EMBA（人力资源管理方向）</p>
                                                <p><b>就职经历：</b>香港伟盈科技集团企业发展部主管/深圳维雪营销总公司人力资源总监 /深圳麦客家企业管理咨询有限公司管理咨询师</p>
                                                <p><b>擅长领域：</b>擅长人力资源战略规划、招聘与配置、培训开发、绩效管理、薪酬管理、员工关系、企业文化建设等系统化的人力资源管理咨询及实操。 </p>
                                                <p><b>代表作：</b>擅长人力资源战略规划、招聘与配置、培训开发、企业文化建设等</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pic">
                                    <div class="port-1 effect-2">
                                        <div class="image-box"> <img src="images/012.jpg"> </div>
                                        <div class="text-desc">
                                            <div class="jj">
                                                <h3>叶信伟</h3>
                                                <p><span>职位：设计总监</span> <span>工作年限：10年</span></p>
                                                <p><b>教育经历：</b>2003-2007年就读于南昌大学艺术设计系，研究方向：产品设计</p>
                                                <p><b>就职经历：</b>东道品牌创意集团（上海分司）资深UI设计师/深圳金鹏信息技术有限公司 设计部经理</p>
                                                <p><b>擅长领域：</b>多种风格类型的网页设计规范与技巧、H5动画设计、前东道品牌资深UI设计师,凭借10年的美术功底，在美术设计领域，曾获取各类竞赛奖项达20次，曾在多家品牌营销公司、4A设计公司任职美术指导及设计总监。</p>
                                                <p><b>代表作：</b>大河网吉祥物设计、深圳市网络化系统、深圳市福田区联动系统、深圳市物价局系统、中信银信微信UI等</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pic">
                                    <div class="port-1 effect-2">
                                        <div class="image-box"> <img src="images/015.jpg"> </div>
                                        <div class="text-desc">
                                            <div class="jj">
                                                <h3>孟庆辉</h3>
                                                <p><span>职位：运营总监</span> <span>工作年限：18年</span></p>
                                                <p><b>教育经历：</b>1995年-1999年     中国传媒大学     广告学（本科）</p>
                                                <p><b>就职经历：</b>科扬华（中国）网络科技有限公司   策划总监 \ 携程网      华东事业部产品总监 \ 宙宇网络运营总监</p>
                                                <p><b>擅长领域：</b>擅长将用户产品与市场需求紧密结合，以市场为导向进行项目运营策略规划、流程设计、价值分析；以用户为导向进行项目用户体验设计、营销推广策略制定，结合用户大数据，协助客户深度挖掘项目价值。</p>
                                                <p><b>代表作：</b>携程网APP平台规划设计、运营实施；中国联通电子商务运营中心平台规划、电商项目运营实施等</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pic">
                                    <div class="port-1 effect-2">
                                        <div class="image-box"> <img src="images/011.jpg"> </div>
                                        <div class="text-desc">
                                            <div class="jj">
                                                <h3>李留洁</h3>
                                                <p><span>职位：.Net 部门经理</span> <span>工作年限：9年</span></p>
                                                <p><b>教育经历：</b>2006年毕业于武汉理工大学信息工程专业。</p>
                                                <p><b>就职经历：</b>奇虎360 数据分析师。 / 宙宇网络 .Net 部门经理，项目经理。</p>
                                                <p><b>擅长领域：</b>数据分析、网站及数据库结构设计、APP产品架构设计。</p>
                                                <p><b>代表作：</b>天河医药、司仪宝、校内百科、校内兼职、连众招商</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pic">
                                    <div class="port-1 effect-2">
                                        <div class="image-box"> <img src="images/013.jpg"> </div>
                                        <div class="text-desc">
                                            <div class="jj">
                                                <h3>王贺</h3>
                                                <p><span>职位：前端部经理</span> <span>工作年限：7年</span></p>
                                                <p><b>教育经历：</b>2010年毕业于大连理工大学计算机科学与技术专业</p>
                                                <p><b>就职经历：</b>北京世纪好未来工作，主要从事Android前端开发，IOS前端开发及项目管理。</p>
                                                <p><b>擅长领域：</b>Android Application开发,Android Linux Kernel底层开发及Android编译与反编译，IOS Application开发，React Native，擅长结合前端原生＋React Native进行混合开发。</p>
                                                <p><b>代表作：</b>学而思教育APP的初版开发，网易彩票逻辑分析与开发，牛栏山APP项目管理与分析开发，保驾护航一期/二期/三期的开发，拇指社区（社区类）。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pic">
                                    <div class="port-1 effect-2">
                                        <div class="image-box"> <img src="images/009.jpg"> </div>
                                        <div class="text-desc">
                                            <div class="jj">
                                                <h3>高鹏程</h3>
                                                <p><span>职位：.NET部门经理</span> <span>工作年限：5年</span></p>
                                                <p><b>教育经历：</b>2012年毕业于华中科技大学</p>
                                                <p><b>就职经历：</b>2012年毕业于华中科技大学并入职联想IT部，担任高级研发工程师，从事项目研发，系统架构设计。 / 2014年5月入职宙宇网络，主要从事APP需求分析，APP架构设计，大型ERP与	OA系统的研发。 </p>
                                                <p><b>擅长领域：</b>基于CLR框架项目研发，Socket通信研发，B/S架构电商项目搭建，微信公众平台的二次开发，基于Unity的游戏制作！</p>
                                                <p><b>代表作：</b>保驾护航(全国汽车后市场)、广东省交通厅、脏了么洗车、金乐客商城、工具猫、环保卫士、i的社区等项目。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pic">
                                    <div class="port-1 effect-2">
                                        <div class="image-box"> <img src="images/018.jpg"> </div>
                                        <div class="text-desc">
                                            <div class="jj">
                                                <h3>张茜</h3>
                                                <p><span>职位：设计部主管</span> <span>工作年限：5年</span></p>
                                                <p><b>教育经历：</b>2008.09-2012.06  就读于郑州大学平面设计本科专业</p>
                                                <p>
                                                    <b>就职经历：</b>2012.07-2014.07  中软国际（郑州）  设计师 <br>
                                                    2014.08-至今  宙宇网络  设计部主管
                                                </p>
                                                <p><b>擅长领域：</b>擅长软件界面视觉设计，根据客户需求分析项目功能点，利用交互原型设计方案和思维导图与客户沟通项目需求。曾参与多个大型项目UI设计，制定可行性方案和项目计划，持续优化用户体验，配合团队完成软件界面实现。</p>
                                                <p><b>代表作：</b>中信银行、中石化微信、工商银行APP、随叫随到、校园兼职、一起创微信商城等UI效果图设计。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pic">
                                    <div class="port-1 effect-2">
                                        <div class="image-box"> <img src="images/019.jpg"> </div>
                                        <div class="text-desc">
                                            <div class="jj">
                                                <h3>肖园园</h3>
                                                <p><span>职位：设计部主管</span> <span>工作年限：5年</span></p>
                                                <p><b>教育经历：</b>2012年毕业于 天津美术学院     专业方向：艺术设计系</p>
                                                <p><b>就职经历：</b>2015年6月入职 宙宇网络 </p>
                                                <p><b>擅长领域：</b>UI界面设计，六年美术绘画功底，全面主持设计工作，担纲创意核心、设计指导、效果统筹、设计沟通等任务，善于感知用户所见，并用视觉设计来引导用户的想法、情绪和行为， 准确把握和理解客户需求，提供完整的设计方案。 </p>
                                                <p><b>代表作：</b>城来成往、艾佳、宏鹏教育、I的社区、八卦投、普民APP</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pic">
                                    <div class="port-1 effect-2">
                                        <div class="image-box"> <img src="images/007.jpg"> </div>
                                        <div class="text-desc">
                                            <div class="jj">
                                                <h3>王倩楠</h3>
                                                <p><span>职位：测试部门主管</span> <span>工作年限：6年</span></p>
                                                <p><b>教育经历：</b>2011年毕业于浙江大学 计算机科学与技术专业</p>
                                                <p><b>就职经历：</b>亚信联创科技（中国）有限公司，主要从事软件测试工程师工作。 / 2013年3月入职宙宇网络担任测试部主管，主要对手机前端，后台测试及维护。</p>
                                                <p><b>擅长领域：</b>app测试。根据客户项目需求，快速制定测试计划，设计测试用例，编写脚本语言，独立完成测试或多人协作完成整个测试项目，保证项目质量和进度</p>
                                                <p><b>代表作：</b>中信银行微信、拇指社区、I的社区、城来成网、牛栏山等项目。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pic">
                                    <div class="port-1 effect-2">
                                        <div class="image-box"> <img src="images/020.jpg"> </div>
                                        <div class="text-desc">
                                            <div class="jj">
                                                <h3>亢兰兰</h3>
                                                <p><span>职位：Android部主管</span> <span>工作年限：5年</span></p>
                                                <p><b>教育经历：</b>2011年毕业于武汉大学 信息软件工程专业，同年加入道有道（北京）科技股份有限公司，主要从事手机软件研发、策划、数据挖掘工作。</p>
                                                <p><b>就职经历：</b>2013年8月入职宙宇网络担任手机研发部主管，主要对手机前端软件研发、设计与开发。</p>
                                                <p><b>擅长领域：</b>擅长安卓前端开发，可根据客户要求以及结合当前市场的情况，灵活设计开发项目，并对项目进行优化处理，具有较强的学习能力以及项目分析、组织能力。</p>
                                                <p><b>代表作：</b>买楼宝设计与开发、随叫随到、校内百科、校内兼职、乐忆童幼儿园等项目。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pic">
                                    <div class="port-1 effect-2">
                                        <div class="image-box"> <img src="images/017.jpg"> </div>
                                        <div class="text-desc">
                                            <div class="jj">
                                                <h3>文哲</h3>
                                                <p><span>职位：Android前端开发工程师</span> <span>工作年限：3年</span></p>
                                                <p><b>教育经历：</b>2013年毕业于郑州大学，计算机专业</p>
                                                <p><b>就职经历：</b>2013年加入宙宇网络，从事安卓前端app开发设计。</p>
                                                <p><b>擅长领域：</b>擅长Android前端开发，可根据客户要求以及结合当前市场的情况，灵活设计开发项目，并对项目进行优化处理，具有较强的学习能力以及项目分析、组织能力。</p>
                                                <p><b>代表作：</b>唐宋元明，天冰，智慧洛龙，校园百科，宏鹏教育等项目。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pic">
                                    <div class="port-1 effect-2">
                                        <div class="image-box"> <img src="images/010.jpg"> </div>
                                        <div class="text-desc">
                                            <div class="jj">
                                                <h3>张阳</h3>
                                                <p><span>职位：创意美工UI设计师</span> <span>工作年限：6年</span></p>
                                                <p><b>教育经历：</b>2007-2011年就读于浙江省中国美术学院动漫专业本科学历，学士专业： 动漫，视觉传达，美术设计。</p>
                                                <p><b>就职经历：</b>2010年就职于浙江省设计院景观建设组组长及美术设计组顾问。 / 2012年就职于深圳晓峰网络文化传播有限公司美工组总监，创意设计组项目经理。</p>
                                                <p><b>擅长领域：</b>专业擅长制作动画，人物原画设计，场景设计，美术创意等。Lumion建筑动画分镜设计及方案策划。APP UI设计及原型图构化，网页创意。</p>
                                                <p><b>代表作：</b>2012年英国CoolMini全球插画CG漫展获得原创人物及场景原画CG一等奖，万达公园美工设计及宣传CG.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pic">
                                    <div class="port-1 effect-2">
                                        <div class="image-box"> <img src="images/005.jpg"> </div>
                                        <div class="text-desc">
                                            <div class="jj">
                                                <h3>康俊军</h3>
                                                <p><span>职位：IOS部门主管 </span> <span>工作年限：4年</span></p>
                                                <p><b>教育经历：</b>2008-2012年就读于西北工业大学计算机科学与技术专业本科。</p>
                                                <p><b>就职经历：</b>北京中科软通科技有限责任公司技术研究员 / 宙宇网络 </p>
                                                <p><b>擅长领域：</b>IOS  Application开发，React Native，擅长结合前端原生＋React Native进行混合开发，数据处理与维护 。</p>
                                                <p><b>代表作：</b>保驾护航、牛栏山、拇指社区、贝一美、司仪宝 </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pic">
                                    <div class="port-1 effect-2">
                                        <div class="image-box"> <img src="images/004.jpg"> </div>
                                        <div class="text-desc">
                                            <div class="jj">
                                                <h3>夏前程</h3>
                                                <p><span>职位：PHP部门主管 </span> <span>工作年限：4年</span></p>
                                                <p><b>教育经历：</b>2009-2012年就读于于浙江大学计算机科学与技术专业，同年就业与华亿通控股集团有限公司，主要从事PHP后台开发。</p>
                                                <p><b>就职经历：</b>2013年10月入职宙宇网络成为PHP软件开发工程师，2014年8月担任PHP部门主管。</p>
                                                <p><b>擅长领域：</b>PHP后台程序设计与开发、微信二次开发、APP接口开发</p>
                                                <p><b>代表作：</b>宏鹏教育管理系统，牛栏山接口/后台/网站开发，中国石化微信开发，保驾护航微信开发。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pic">
                                    <div class="port-1 effect-2">
                                        <div class="image-box"> <img src="images/006.jpg"> </div>
                                        <div class="text-desc">
                                            <div class="jj">
                                                <h3>褚攀登</h3>
                                                <p><span>职位：.Net高级开发工程师</span> <span>工作年限：3年</span></p>
                                                <p><b>教育经历：</b>2013年毕业西安交通大学计算机专业,学士学位</p>
                                                <p>
                                                    <b>就职经历：</b>2013年毕业于西安交通大学计算机专业并入职宇龙酷派担任研发工程师，从事项目研发。<br>
                                                    2015年入职宙宇网络，从事APP架构设计及研发，数据分析及OA系统的研发。
                                                </p>
                                                <p><b>擅长领域：</b>数据分析及数据库设计，B/S架构电商，APP架构设计与开发。</p>
                                                <p><b>代表作：</b>I的社区，脏了么OTO洗车,一美优品，久悦商城 等项目</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- 图片列表 end -->
                            </div>
                            <div id="List2"></div>
                        </div>
                    </div>
                    <div class="RightBotton" onmousedown="ISL_GoDown()" onmouseup="ISL_StopDown()" onmouseout="ISL_StopDown()"></div>
                </div>
            </div>
            <!--图片轮播代码   end-->
        </div>
        <div id="tab1" class="tab_content  pc-none">
            <p>
                我们是一支专业的团队。成员均拥有多年的软件开发技术背景，多名来自国内一流公司的技术骨干。<br>
                我们是一支专注的团队。我们坚信，我们的成绩源自客户的信任。只有专注，才能做到极致。<br>
                我们有一个共同的梦想：做一家真正优秀的互联网软件开发企业，为客户提供最可靠的软件开发服务。
            </p>
            <img src="images/team_1.jpg">
        </div>
        <div id="tab2" class="tab_content" style="display: none;">
            <p>
                我们是一支专业的团队。成员均拥有多年的软件开发技术背景，多名来自国内一流公司的技术骨干。<br>
                我们是一支专注的团队。我们坚信，我们的成绩源自客户的信任。只有专注，才能做到极致。<br>
                我们有一个共同的梦想：做一家真正优秀的互联网软件开发企业，为客户提供最可靠的软件开发服务。
            </p>
            <img src="images/team_sh.jpg">
        </div>
        <div id="tab3" class="tab_content" style="display: none;">
            <p>
                我们是一支专业的团队。成员均拥有多年的软件开发技术背景，多名来自国内一流公司的技术骨干。<br>
                我们是一支专注的团队。我们坚信，我们的成绩源自客户的信任。只有专注，才能做到极致。<br>
                我们有一个共同的梦想：做一家真正优秀的互联网软件开发企业，为客户提供最可靠的软件开发服务。
            </p>
            <img src="images/team_sz.jpg">
        </div>
        <div id="tab4" class="tab_content" style="display: none;">
            <p>
                我们是一支专业的团队。成员均拥有多年的软件开发技术背景，多名来自国内一流公司的技术骨干。<br>
                我们是一支专注的团队。我们坚信，我们的成绩源自客户的信任。只有专注，才能做到极致。<br>
                我们有一个共同的梦想：做一家真正优秀的互联网软件开发企业，为客户提供最可靠的软件开发服务。
            </p>
            <img src="images/team_bj.jpg">
        </div>
        <div id="tab5" class="tab_content" style="display: none;">
            <p>
                我们是一支专业的团队。成员均拥有多年的软件开发技术背景，多名来自国内一流公司的技术骨干。<br>
                我们是一支专注的团队。我们坚信，我们的成绩源自客户的信任。只有专注，才能做到极致。<br>
                我们有一个共同的梦想：做一家真正优秀的互联网软件开发企业，为客户提供最可靠的软件开发服务。
            </p>
            <img src="images/team_hz.jpg">
        </div>
        <div id="tab6" class="tab_content" style="display: none;">
            <p>
                我们是一支专业的团队。成员均拥有多年的软件开发技术背景，多名来自国内一流公司的技术骨干。<br>
                我们是一支专注的团队。我们坚信，我们的成绩源自客户的信任。只有专注，才能做到极致。<br>
                我们有一个共同的梦想：做一家真正优秀的互联网软件开发企业，为客户提供最可靠的软件开发服务。
            </p>
            <img src="images/team_suzhou.jpg">
        </div>
        <div id="tab7" class="tab_content" style="display: none;">
            <p>
                我们是一支专业的团队。成员均拥有多年的软件开发技术背景，多名来自国内一流公司的技术骨干。<br>
                我们是一支专注的团队。我们坚信，我们的成绩源自客户的信任。只有专注，才能做到极致。<br>
                我们有一个共同的梦想：做一家真正优秀的互联网软件开发企业，为客户提供最可靠的软件开发服务。
            </p>
            <img src="images/team_zz.jpg">
        </div>
    </div>
    
    <!--team end-->
    <!--合作伙伴-->
    <div class="container">
        <div class="title-comm">
            <h3 class="welinain">COOPERATIVE PARTNE-合作伙伴</h3>
            <p class="line"></p>
        </div>
        <div class="row linian-div">
            <ul id="JKDiv02_0" class="customer_logo clearfloat">
                <li class="col-lg-2 col-md-2 small-6">
                    <span></span><img src="images/cus_01_pre.jpg">
                    <p></p>
                </li>
                <li class="col-lg-2 col-md-2 small-6">
                    <span></span><img src="images/cus_02_pre.jpg">
                    <p></p>
                </li>
                <li class="col-lg-2 col-md-2 small-6">
                    <span></span><img src="images/cus_03_pre.jpg">
                    <p></p>
                </li>
                <li class="col-lg-2 col-md-2 small-6">
                    <span></span><img src="images/cus_04_pre.jpg">
                    <p></p>
                </li>
                <li class="col-lg-2 col-md-2 small-6">
                    <span></span><img src="images/cus_05_pre.jpg">
                    <p></p>
                </li>
                <li class="col-lg-2 col-md-2 small-6">
                    <span></span><img src="images/cus_06_pre.jpg">
                    <p></p>
                </li>
                <li class="col-lg-2 col-md-2 small-6">
                    <span></span><img src="images/cus_07_pre.jpg">
                    <p></p>
                </li>
                <li class="col-lg-2 col-md-2 small-6">
                    <span></span><img src="images/cus_08_pre.jpg">
                    <p></p>
                </li>
                <li class="col-lg-2 col-md-2 small-6">
                    <span></span><img src="images/cus_09_pre.jpg">
                    <p></p>
                </li>
                <li class="col-lg-2 col-md-2 small-6">
                    <span></span><img src="images/cus_10_pre.jpg">
                    <p></p>
                </li>
                <li class="col-lg-2 col-md-2 small-6">
                    <span></span><img src="images/cus_11_pre.jpg">
                    <p></p>
                </li>
                <li class="col-lg-2 col-md-2 small-6">
                    <span></span><img src="images/cus_12_pre.jpg">
                    <p></p>
                </li>
                <li class="col-lg-2 col-md-2 small-6">
                    <span></span><img src="images/cus_13_pre.jpg">
                    <p></p>
                </li>
                <li class="col-lg-2 col-md-2 small-6">
                    <span></span><img src="images/cus_14_pre.jpg">
                    <p></p>
                </li>
                <li class="col-lg-2 col-md-2 small-6">
                    <span></span><img src="images/cus_15_pre.jpg">
                    <p></p>
                </li>
                <li class="col-lg-2 col-md-2 small-6">
                    <span></span><img src="images/cus_16_pre.jpg">
                    <p></p>
                </li>
                <li class="col-lg-2 col-md-2 small-6">
                    <span></span><img src="images/cus_17_pre.jpg">
                    <p></p>
                </li>
                <li class="col-lg-2 col-md-2 small-6">
                    <span></span><img src="images/cus_18_pre.jpg">
                    <p></p>
                </li>
            </ul>
        </div>
        <p class="more"><a href="http://www.meidashanghai.com/partner.html">了解更多+</a></p>
    </div>
    <!-- 项目需求 -->
    <div class="section5">
        <div class="wrap">
            <h2>填写您的项目需求给我们。</h2>
            <div class="write clearfix">
                <input name="name" placeholder="称呼姓名" value="" class="text1" id="name" type="text" maxlength="10">
                <input name="mobile" placeholder="联系电话" value="" class="text2" id="mobile" type="text" maxlength="11">
                <input name="content" placeholder="描述您的需求，如APP开发、微信开发、网站建设等。" id="content" value="" class="text3" type="text" maxlength="300">
                <input name="submit" value="提交项目需求" class="submit" id="submit" rel="" type="submit" onclick="return GoInput()">
            </div>
            <b>*请认真填写需求信息，我们会在24小时内与您取得联系。</b>
        </div>
    </div>

    <!-- footer部分 -->
    <div class="footer">
        <div class="wrap clearfix">
            <div class="left">
                <h2>联系我们</h2>
                <h3>地址：上海市黄浦区中山东二路88号外滩SoHoF栋2层</h3>
                <h3>售前：021-56999995（早8:00-晚8:00）</h3>
                <h3>售后：400-6868-300（7*24小时）</h3>
                <h3>QQ  :  2109303203 / 3502485015</h3>
                <h3>欢迎您来电咨询，我们将竭诚为您服务。</h3>
            </div>
            <div class="right">
                <h2>使命及未来</h2>
                <p>
                    我们秉承求实创新、不断超越的发展理念，愿帮助更多优秀企业及创业者实现移动互联网梦想，成为中国最具价值的移动互联网软件服务商。我们对移动互联网的未来充满信心，肩负实现中国企业互联网+转型升级的伟大使命，路虽坎坷，我们坚信目标必定达成。 未来属于强者，属于具有战略眼光的人，我们将和众多服务客户及合作伙伴共同成长，一起见证中国移动互联网的伟大变革。
                </p>
            </div>
            <div class="copyright">
                <p>COPYRIGHT © 2004-2017 上海宙宇网络科技有限公司版权所有 All RIGHTS RESERVED</p>
                <p>沪ICP备17006139号-1</p>
            </div>
        </div>
    </div>
    <style type="text/css">
        .bg-div {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,.5);
            z-index: 50;
        }

        .body-static {
            overflow: hidden !important;
        }

        .bg-div.hide {
            display: none;
        }
    </style>
    <div class="bg-div hide"> </div>
    <!--底部蒙层end-->
    <script type="text/javascript">
        $(function () {
            $(".navbar-toggle").click(function () {
                $(this).toggleClass("click");
                $(".bg-div").toggleClass("hide");
                $("body").toggleClass("body-static");
                $(".navbar-form a").toggleClass("active");
                $(".navbar-collapse").slideToggle();
            });
            $(".bg-div").click(function () {
                $(".navbar-toggle").trigger("click");
            });

            var top = ($(window).height() - $(".modal-content").height()) / 2;
            $(".model-down").click(function () {
                $(".modal-content").css({ position: 'absolute', 'top': top });
            });
            $(".model-down-1").click(function () {
                $(".modal-content").css({ position: 'absolute', 'top': top });
            });

            $(".weixin-logo-icon").mouseleave(function () {
                $(this).prev().find(".popover").removeClass("hover");
            }).mouseenter(function () {
                $(this).prev().find(".popover").addClass("hover");
            });
            $(".shouji-logo-icon").mouseleave(function () {
                $(this).prev().find(".popover").removeClass("hover");
            }).mouseenter(function () {
                $(this).prev().find(".popover").addClass("hover");
            });

            var navAgent = navigator.userAgent.toLowerCase();
            if (navAgent.indexOf("thjk-app-ios") > -1 || navAgent.indexOf("thdoctor-app-ios") > -1 || navAgent.indexOf("thjk-app-android") > -1 || navAgent.indexOf("thdoctor-app-android") > -1) {
                $(".navbar-form.navbar-right").hide();
                $(".nav > li:last-child a").css({ "border-bottom": "0" });
            }

            $(".navbar-nav > li.click a").removeAttr("href");
        });
    </script>
    <link href="css/theme-cobalt.css" rel="stylesheet" type="text/css" media="all">
    <script src="js/jquery.plugin.min.js"></script>
    <script src="js/jquery.flexslider-min.js"></script>
    <script src="js/smooth-scroll.min.js"></script>
    <script src="js/skrollr.min.js"></script>
    <script src="js/spectragram.min.js"></script>
    <script src="js/scrollReveal.min.js"></script>
    <script src="js/isotope.min.js"></script>
    <script src="js/lightbox.min.js"></script>
    <script src="js/scripts.js"></script>
    <script type="text/javascript">
        $(function () {
            $(".navbar-nav > li:nth-child(1)").addClass("click").append($('<p class="line-top"></p>')).find("a").removeAttr("href");
        });

    </script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <!--精英团队-->
    <!--<script language="javascript" type="text/javascript" src="templets/default/javascript/KunyiHTML5.min.js"></script>
        <script language="javascript" type="text/javascript" src="templets/default/javascript/Kunyilibrary.js"></script>
        <script language="javascript" type="text/javascript" src="templets/default/javascript/Kunyi.Common.js"></script>
        <script language="javascript" type="text/javascript" src="templets/default/javascript/Kunyi.Index.js"></script>
        <script language="javascript" type="text/javascript" src="templets/default/javascript/gundong.js"></script>-->
    <!--back top-->
    <!--<script type="text/javascript" src="templets/default/javascript/jquery-1.10.2.min.js"></script>  -->
    <div id="top"><div id="izl_rmenu" class="izl-rmenu"><div class="btn btn-top" style="display: block;"></div></div></div>
    <script type="text/javascript" src="js/top.js"></script>
    <style type="text/css">
        /*QQ浮窗*/
        .qqkefu {
            width: 160px;
            position: fixed;
            z-index: 100;
            right: 0;
            top: 200px;
            transition: all .5s ease 0s;
        }

            .qqkefu.qqkefu-nome {
                right: -130px;
            }

                .qqkefu.qqkefu-nome .qqkefu-left {
                    background-position: 0 0;
                }

        .qqkefu-left {
            width: 35px;
            *width: 30px;
            height: 130px;
            float: left;
            margin-top: 40px;
            background: url(images/qqkefu.png) no-repeat -30px 0 #fa7d68;
            cursor: pointer;
            border-radius: 5px 0 0 5px;
            overflow: hidden;
        }

        .rides-cs .floatL {
            width: 30px;
            float: left;
            position: relative;
            z-index: 1;
            border-radius: 5px 0 0 5px;
            overflow: hidden;
        }

        .qqkefu-right {
            background: #fa7d68;
            width: 125px;
            float: right;
            border-radius: 5px 0 0 5px;
            padding: 5px 0 5px 5px;
        }

        .qqkefu-right-box {
            background: #fff;
            border-radius: 5px 0 0 5px;
        }

            .qqkefu-right-box ul {
                margin: 0px;
                list-style: none inside;
                padding: 0px;
            }

            .qqkefu-right-box li {
                height: 39px;
                line-height: 39px;
                border-bottom: 1px solid #e9e9e9;
                padding: 0 0 0 15px;
                margin: 0px;
                font-size: 12px;
                font-family: "Microsoft YaHei", "微软雅黑";
            }

                .qqkefu-right-box li.title {
                    color: #bbbbbb;
                    font-size: 14px;
                }

                    .qqkefu-right-box li.title a {
                        color: #333333;
                        font-size: 12px;
                    }

                        .qqkefu-right-box li.title a:hover {
                            color: #fa7d68;
                            font-size: 12px;
                        }

                    .qqkefu-right-box li.title span {
                        color: #333333;
                        font-size: 12px;
                    }

                .qqkefu-right-box li.second-last {
                    color: #333333;
                    font-size: 14px;
                }

                .qqkefu-right-box li.last {
                    border-bottom: none;
                    color: #333333;
                    font-size: 14px;
                }

                .qqkefu-right-box li i {
                    margin-right: 10px;
                }

                    .qqkefu-right-box li i.ico-qq {
                        background: url(images/qqkefu.png) no-repeat 0 -260px;
                        width: 15px;
                        height: 16px;
                        display: inline-block;
                        vertical-align: middle;
                    }

        @media only screen and (max-width: 479px) {
            #qqkefu {
                display: none;
            }

            .izl-rmenu {
                right: 10px;
                bottom: 60px;
            }
        }
        /* 移动端底部客服 */
        .footer_front {
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
            z-index: 888;
            transform-origin: 0px 0px 0px;
            opacity: 1;
            transform: scale(1, 1);
            display: none;
        }

        #menu {
            position: fixed;
            bottom: 0px;
            width: 100%;
            height: 50px;
            line-height: 44px;
            z-index: 999;
        }

            #menu ul {
                margin: 0 auto;
                list-style-type: none;
                width: 100%;
                max-width: 500px;
                height: 100%;
                padding: 0px;
            }

                #menu ul li {
                    float: left;
                    width: 50%;
                    height: 100%;
                    text-align: center;
                    position: relative;
                    font-size: 14px;
                }

                    #menu ul li .line {
                        position: absolute;
                        top: 0px;
                        right: 0px;
                        z-index: 30;
                        width: 1px;
                    }

                    #menu ul li .menu_li {
                        position: absolute;
                        top: 7px;
                        left: 5%;
                        z-index: 40;
                        width: 90%;
                        height: 36px;
                        line-height: 36px;
                        color: #fff;
                        border-radius: 3px;
                    }

            #menu .phone_bottom_menu {
                color: #fff;
                text-decoration: blink;
                width: 100%;
                height: 100%;
                display: block;
            }

            #menu ul li:nth-of-type(1) .menu_li {
                background-color: #7fbcf3;
            }

            #menu ul li:nth-of-type(2) .menu_li {
                background-color: #f4b10e;
            }

            #menu ul li:nth-of-type(3) .menu_li {
                background-color: #f94a45;
            }

            #menu ul li .img_front {
                position: absolute;
                top: 0px;
                left: 0px;
                z-index: 30;
                width: 100%;
                height: 100%;
                background-color: #000;
                opacity: .65;
            }

                #menu ul li .img_front img {
                    width: 100%;
                    height: 100%;
                }

            #menu ul li span {
                position: absolute;
                bottom: -300px;
                left: 50%;
                width: 104px;
                margin-left: -52px;
                height: auto;
                text-align: center;
                z-index: 10;
            }

                #menu ul li span a {
                    display: block;
                    float: left;
                    width: 100%;
                    height: 43px;
                    line-height: 43px;
                    color: #454545;
                    text-decoration: none;
                    text-align: center;
                }

            #menu ul li .menu_li .icon {
                width: 1.8em;
                margin-right: 0.5em;
                display: inline-block;
                vertical-align: top;
            }

                #menu ul li .menu_li .icon.icon-phone {
                    width: 2em;
                }
    </style>
    <!-- 在线客服 -->
    <div id="qqkefu" class="qqkefu">
        <div class="qqkefu-left"></div>
        <div class="qqkefu-right">
            <div class="qqkefu-right-box">
                <ul>
                    <li class="title">7×24h在线客服</li>
                    <li><i class="ico-qq"></i><a href="#">客服1</a></li>
                    <li><i class="ico-qq"></i><a href="#" >客服2</a></li>
                    <li class="title">7×24h咨询热线</li>
                    <li class="second-last">021-56999995</li>
                    <li class="title last">400-6868-300</li>
                </ul>
            </div>
        </div>
    </div>
    <!--底部咨询-->
    <div id="menu" style="display: none;">
        <ul>
            <!-- <li class="query_btn"> <img class="img_front" src="templets/default/images/front.png">
              <div class="menu_li"> <i class="icon icon-search"></i> &nbsp;免费咨询 </div>
              <span style="background-size: 100% auto; display: none; bottom: 0px;"> </span> </li> -->
            <li>
                <img class="img_front" src="images/front.png">
                <div class="menu_li"> <a class="phone_bottom_menu" href="tel:021-56999995"> <i class="icon icon-phone"><img src="images/icon-tel.png"></i>免费通话 </a> </div>
            </li>
            <li class="online_newqq">
                <img class="img_front" src="images/front.png">
                <div class="menu_li"> <i class="icon icon-qq"><img src="images/icon-qq.png"></i>在线咨询 </div>
                <span style="background-size: 100% auto; bottom: 0px;" class="wap_app_qq">
                    <img src="images/navbg3.png" width="100%">
                    <div class="wap_app_qq" style="position:absolute;top:0px;left:0px;width: 100%;"> <a href="#">客服1</a> <a href="#">客服2</a> </div>
                </span>
            </li>
        </ul>
    </div>
    <div class="footer_front"> <img src="images/front.png" height="100%" width="100%"> </div>
    <!-- 在线客服 END -->
    <script>
        window.onload = function () {
            $('#menu ul li').each(function (j) {
                $('#menu ul li').eq(j).removeClass("on");
                $('#menu ul li span').eq(j).animate({
                    bottom: -$('#menu ul li span').eq(j).height()
                },
				100);
            });
        }
        $(".online_newqq").click(function () {
            if (!($(this).hasClass("on"))) {
                $('#menu ul .on span').animate({
                    bottom: -$('#menu ul .on span').height()
                },
				200);
                $('#menu ul .on').removeClass("on");
                $(this).addClass("on");
                $(this).find("span").animate({
                    bottom: 55
                },
				200);
                $('.footer_front').show();
            } else {
                $(this).find("span").animate({
                    bottom: -$(this).find("span").height()
                },
				200);
                $(this).removeClass("on");
                $('.footer_front').hide();
            }
        });
        $('.footer_front').click(function () {
            $('#menu ul .on span').animate({
                bottom: -$('#menu ul .on span').height()
            },
            200);
            $('#menu ul .on').removeClass("on");
            $(this).hide();
        });
        $('.query_btn').on('click',
        function () {
            layer.open({
                type: 2,
                title: '5秒快速提交，10秒客服响应！',
                area: ['340px', '300px'],
                content: ['share.htm', 'no']
            });
            return false;
        });
    </script>
    <script type="text/javascript">
        (function () {
            function browserRedirect() {
                var sUserAgent = navigator.userAgent.toLowerCase();
                var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
                var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
                var bIsMidp = sUserAgent.match(/midp/i) == "midp";
                var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
                var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
                var bIsAndroid = sUserAgent.match(/android/i) == "android";
                var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
                var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
                if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
                    this_Phone = 1;
                };
            };
            function getQuery_Qq_String(name, qq_search) {
                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
                var r = qq_search.substr(1).match(reg);
                if (r != null) return unescape(r[2]);
                return null;
            };
            function isWeiXin() {
                var ua = window.navigator.userAgent.toLowerCase();
                if (ua.match(/MicroMessenger/i) == 'micromessenger') {
                    return true;
                } else {
                    return false;
                }
            };
            var this_Phone = 0;
            browserRedirect();
            if (this_Phone) {
                $("#menu").show();
            } else {
                $("#qqkefu").show();
            }
            if (this_Phone && (!isWeiXin())) {
                $(".wap_app_qq a").each(function () {
                    var $this = $(this);
                    var app_qq = $this.attr("href");
                    var temp = app_qq.substring(app_qq.indexOf("?"));
                    app_qq = getQuery_Qq_String("uin", temp);
                    $this.attr("href", "mqq://im/chat?chat_type=wpa&uin=" + app_qq + "&version=1&src_type=web");
                });
            };
        })();
    </script>
    <script type="text/javascript">
        $('.qqkefu-left').click(function () {
            if ($(this).parent().attr('class') == 'qqkefu') {
                $(this).parent().addClass('qqkefu-nome');
            } else {
                $(this).parent().removeClass('qqkefu-nome');
            }
        });
    </script>
    <script type="text/javascript">
        $("input").placeholder();
    </script>

<div id="lightboxOverlay" class="lightboxOverlay" style="display: none;"></div><div id="lightbox" class="lightbox" style="display: none;"><div class="lb-outerContainer"><div class="lb-container"><img class="lb-image" src="http://www.meidashanghai.com/"><div class="lb-nav"><a class="lb-prev" href="#"></a><a class="lb-next" href="#"></a></div><div class="lb-loader"><a class="lb-cancel"></a></div></div></div><div class="lb-dataContainer"><div class="lb-data"><div class="lb-details"><span class="lb-caption"></span><span class="lb-number"></span></div><div class="lb-closeContainer"><a class="lb-close"></a></div></div></div></div></body></html>